<style>
    
.summary-content{
    width: 100%;
  }
  
  .summary-item{
  
    width: 180px;
    height: 90px;
    float: left;
    text-align: center;
    padding-top:  20px;
    color: #FFFFFF;
    background-color: #409EFF;
    margin-right: 10px;
    border-radius: 6px;
    margin-bottom: 10px;
  }
  .summary-title{
    font-size: 14px;
  }
  
  .summary-desc{
  
    font-size: 26px;
  }
  .summary-unit{ font-size: 12px;}
  
  .bg1{
  
    background-color: #E6A23C;
  }
  .bg2{
  
    background-color: #F56C6C;
  }
  .bg3{
  
    background-color: #409EFF;
  }
  
  .bg4{
  
    background-color: #67C23A;
  }
  
  .bg5{
    background-color: #18bc9c;
  }
  .bg6{
    background-color: #1c54ce;
  }
</style>
<div class="panel panel-default panel-intro">
    {:build_heading()}

    <div class="panel-body">
        <div class="summary-content clearfix">
            <div class="summary-item bg2">
                <div class="summary-title">
                        总手续费(元)
                </div>
                <div class="summary-desc">
                    <span id="total_fees"></span>
                    <span class="summary-unit"></span>
                </div>
            </div>
        </div>
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade active in" id="one">
                <div class="widget-body no-padding">
                    <div id="toolbar" class="toolbar">
                        <a href="javascript:;" class="btn btn-primary btn-refresh" title="{:__('Refresh')}" ><i class="fa fa-refresh"></i> </a>
                        <a href="javascript:;" data-url="{:url('user_points_log/release')}" class="btn btn-success btn-dialog {:$auth->check('user_points_log/release')?'':'hide'}" title="{:__('释放积分')}" ><i class="fa fa-plus"></i> {:__('释放积分')}</a>

                        <!--<a href="javascript:;" class="btn btn-success btn-add {:$auth->check('user_activity_points_log/add')?'':'hide'}" title="{:__('Add')}" ><i class="fa fa-plus"></i> {:__('Add')}</a>-->
                        <!--<a href="javascript:;" class="btn btn-success btn-edit btn-disabled disabled {:$auth->check('user_activity_points_log/edit')?'':'hide'}" title="{:__('Edit')}" ><i class="fa fa-pencil"></i> {:__('Edit')}</a>-->
                        <!--<a href="javascript:;" class="btn btn-danger btn-del btn-disabled disabled {:$auth->check('user_activity_points_log/del')?'':'hide'}" title="{:__('Delete')}" ><i class="fa fa-trash"></i> {:__('Delete')}</a>-->
                        

                        

                        
                    </div>
                    <table id="table" class="table table-striped table-bordered table-hover table-nowrap"
                           data-operate-edit="false"
                           data-operate-del="false"
                           width="100%">
                    </table>
                </div>
            </div>

        </div>
    </div>
</div>
